@charset "utf-8";

/* 京西附属小学 导航页 CSS */
.index_bgimg{
	height:100%;position:absolute;z-index:-1;width:100%;
}
.index_topbox{
	position:absolute;
	top:0;
	z-index:5;
}
.jx_index{
	width:1220px;
	height:100%;
	position:relative;
	margin:0 auto;
}
.enter_btn{
	width:auto;
	height:15%;
	position:absolute;
	right:60px;
	top:47%;
	margin:-77px 0 0 0;	
	display:block;
	transition:transform 0.5s;
	-ms-transition:transform 0.5s;
	-o-transition:transform 0.5s;
	-webkit-transition:transform 0.5s;
	-moz-transition:transform 0.5s;
}
.enter_btn img{
	width:auto;
	height:100%;	
}
.enter_btn:hover{
	transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);	/* IE 9 */
	-webkit-transform: scale(1.1,1.1);	/* Safari 和 Chrome */
	-o-transform: scale(1.1,1.1);	/* Opera */
	-moz-transform: scale(1.1,1.1);	
}
.jx_index .logoImg{
	position:absolute;
	left:30%;
	top:25%;
	width:50%;
}
.jx_index .logo_1{
	width:65%;
}
.jx_index .logo_2{
	float:right;
	width:50%;
}
.notice_box{
	width:22%;
	padding:10px;
	background-color:#ffffff;
	box-shadow:2px 2px 5px #777777;
	-ms-box-shadow:2px 2px 5px #777777;
	-webkit-box-shadow:2px 2px 5px #777777;
	-o-box-shadow:2px 2px 5px #777777;
	-moz-box-shadow:2px 2px 5px #777777;
	margin-top:10%;
	float:left;
}
.notice_box h3{
	font-size:18px;
	font-weight:400;
	color:#4b4b4b;
	line-height:35px;
}
.notice_box .topImg{
	width:100%;
	border:1px solid #d4d4d4;
	margin-bottom:5px;
}
.notice_box .topImg img{
	width:100%;
}
.notice_box ul li{
	width:100%;
	height:auto;
	background:url(../../img/jsfx/indexRepeat.png) repeat-y 2px 0;
	padding-bottom:10px;
}
.notice_box ul li a{
	color:#4d4d4d;
}
.notice_box ul li a:hover h4{ 
	text-decoration:underline;
}
.notice_box ul li a:hover h4 span{ 
	text-decoration:none;
}
.notice_box ul li:first-child h4{
	background:url(../../img/jsfx/indexImg.png) no-repeat 2px -60px;
}
.notice_box ul li h4{
	color:#ff9c2a;
	background:url(../../img/jsfx/indexImg.png) no-repeat 2px -5%;
	padding-left:20px;
	max-height:38px;
	overflow: hidden;
}
.notice_box ul li p.time{
	color:#ff9c2a;
	font-size:12px;
	padding-left:20px;
}
.notice_box ul li p.text{
	padding-left:20px;
	font-size:13px;
	line-height:18px;
	padding-left:20px;
	margin-top:5px;
	max-height:36px;
	overflow:hidden;
}
/* 京西附属小学 登录注册页 CSS */
.login{
	width:1220px;
	height:100%;
	margin:0 auto;
}
.login .logoImg{
	width:90%;
	padding-top:75px;
	margin:0 auto;
}
.login .logo_0{
	width:8%;
	float:left;
}
.login .logo_1{
	width:30%;
	float:left;
	margin-top:0.5%;
}
.login .logo_2{
	width:32%;
	float:left;
	margin-left:10px;
	margin-top:-0.5%;
}
.login_box{
	height:300px;
	width:510px;
	position:absolute;
	top:40%;
	left:50%;
	margin:-150px 0 0 -255px;
}
.register_box{
	clear:both;
	height:490px;
	width:780px;
	margin:100px auto 0 auto;
	
}
.login_box_l,.login_box_r{
	height:300px;
	width:50px;
}
.register_box_l,.register_box_r{
	height:490px;
	width:50px;
}
.login_box_l{
	float:left;
	background:url(../../img/jsfx/loginPage.png) no-repeat -100px 0;
}
.login_box_r{
	float:left;
	background:url(../../img/jsfx/loginPage.png) no-repeat -150px 0;
}
.register_box_l{
	float:left;
	background:url(../../img/jsfx/loginPage.png) no-repeat 0 0;
}
.register_box_r{
	float:left;
	background:url(../../img/jsfx/loginPage.png) no-repeat -50px 0;
}
.login_box_m{
	float:left;
	width:350px;
	height:237px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	background-color:#ffffff;
	margin-top:5px;
	padding:25px 30px;
}
.register_box_m{
	float:left;
	width:620px;
	height:422px;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	background-color:#ffffff;
	margin-top:5px;
	padding:25px 30px;
}
.dl_zc .login_title{
	width:130px;
	height:40px;
	margin-bottom:20px;
	background:url(../../img/jsfx/loginPage.png) no-repeat -100px -300px;
}
.register_title{
	width:130px;
	height:40px;
	margin-bottom:20px;
	background:url(../../img/jsfx/loginPage.png) no-repeat -100px -340px;
}
.login_box_m_m{
	width:100%;
	height:145px;
}
.dl_zc input[type="text"]{
	width:96%;
	height:32px;
	border:1px solid #d8d8d8;
	margin:7px 0;
	outline:none;
	padding:0 2%;
	color:#b4b5b9;
}
.dl_zc .a1{
	color:#2598d6;
	margin-left:20px;
	font-size:15px;
}
.dl_zc input[type="checkbox"]{
	visibility: hidden;
	width:18px;
	height:18px;
	margin-right:10px;
	vertical-align:middle;
}
.dl_zc .checkbox{
	position:relative;
	height:18px;
	color:#b4b5b9;
	width:100px;
	margin-top:8px;
}
.dl_zc .checkbox label{
	cursor:pointer;
	position:absolute;
	width:17px;
	height:17px;
	top:0;
	left:0;
	background:#ffffff;
	border:1px solid #2598d6;
}
.dl_zc .checkbox label:after{
	opacity:0.1;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	content:'';
	position:absolute;
	width:9px;
	height:5px;
	background:transparent;
	top:3px;
	left:3px;
	border:3px solid #2598d6;
	border-top:none;
	border-right:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.dl_zc .checkbox label:hover::after{
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
.dl_zc .checkbox input[type=checkbox]:checked + label:after{
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
.dl_zc .btn_blue{
	width:135px;
	height:35px;
	background-color:#2598d6;
	border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#fff;
	text-align:center;
	line-height:35px;
	outline:none;
	border:0;
	cursor:pointer;
}
.regform .inputbox{
	width:100%;
	height:26px;
	line-height:26px;
	text-align:left;
	color:#4B4B4B;
	margin-top:20px;}
.regform .inputbox label{
	display:inline-block;
	width:95px;
	text-align:right;
	font-size:16px;}
.regform .inputbox input{
	display:inline-block;
	width:292px;
	height:16px;
	line-height:16px;
	border:1px solid #A8A8A8;
	outline: 0;
	padding:5px 0px 5px 10px;
	}
.regform .inputbox input:hover{
	border:1px solid #2598D6;}
.regform .inputbox span{
	display:inline-block;
	width:200px;
	margin-left:5px;
	font-size:12px;
	}
.regform .select {
	display:inline-block;
	width:140px;
	padding:1px;
	height:26px;
	line-height:26px;
	background:url(../../img/jsfx/selectbtn.png) no-repeat right center;
	border:1px solid #A8A8A8; 
	position: relative; 
	cursor: pointer; }
.regform .select:hover{
	 border:1px solid #2598D6;}
.regform .banji{
	width:87px;}
.regform .select input {
	display:inline-block;
	width:104px; 
	height:24px; 
	border: 0;
	outline: 0; 
	cursor: pointer;
	padding:0px 0px 0px 10px; }
.regform .banji input{
	width:50px;}
.regform .select input:hover{
	 border:0px;}
.select ul { 
    width: 100%; display: none; 
	position: absolute; 
	left: -1px;
	top: 26px; 
	overflow: hidden; 
	background-color: #fff; 
	max-height: 150px; 
	overflow-y: auto; 
	border: 1px solid #A8A8A8; 
	border-top: 0; 
	z-index: 9; }
.select ul li { 
   height: 30px; 
   line-height: 30px; 
   overflow: hidden; 
   padding: 0 10px; 
   cursor: pointer; }
.select ul li:hover { background-color: #e0e0e0; }

.regform .inputbox .identifying{
	width:120px;}
.regform .inputbox .yzm{
	width:280px;
	outline: 0;}
.regform .button{
	margin-left:100px;
	text-align:left;
	margin-top:20px;}
.regform .button input{
	width:107px;
	height:38px;
	line-height:38px;
	background-color:transparent;
	border-radius:3px;
	font-size:16px;
	color:#FFF;
	outline: 0;
	text-align:center;
	margin-right:20px;
	cursor:pointer;
	}
.regform .button .finish{
	background:#2598D6;}
.regform .button .cancel{
	background:#FA7A7A;}

@media screen and (max-height: 700px) {
.notice_box{
	margin-top:5%;
}
}
@media screen and (max-height: 690px) {
.login_box{
	height:300px;
	width:510px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -255px;
}
}

@media screen and (max-width: 1220px) {
.jx_index{
	width:960px;
}
.enter_btn{
	right:0;
}
.notice_box{
	margin-top:5%;
}
.login{
	width:960px;
}
.login_box{
	height:300px;
	width:510px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-150px 0 0 -255px;
}
}